<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>陌殇的第一个项目</title>
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/css/index.css">
</head>

<body>
    <div class="header">
        <div class="header-c">
            <div class="header-top">
                <p class="top-left fl">
                    <span>商务 024-31128100</span>
                    <span>全国订购热线 <b>400-888-1571</b></span>
                    
                </p>
                <p class="top-right fr">
                    <a href="javascript:;">联系客服</a>
                    <a href="javascript:;">我的订单</a>
                    <a href="javascript:;" class="welcome" style="display: none;">欢迎您：<span style="color: red;">111</span></a>
                    <a href="javascript:;" class="outBtn" style="display: none;">退出登录</a>
                    <a href="/html/login.html" class="loginBtn">登录/注册</a>
                    <a href="/html/shopcar.html"><img src="/images/index/shopCar.png" alt="">购物车</a>
                </p>
            </div>
        </div>
    </div>
    <div class="header-logo">
        <div class="header-logo-c">
            <div class="logo">
                <a href="javascript:;"><img src="/images/index/logo.jpg" alt=""></a>
            </div>
            <div class="search">
                <input type="text" placeholder="请输入关键词搜索" autocomplete="off" id="header-select">
                <button type="button" id="headerBtn">搜索</button>
            </div>
            <div class="server">
                <span><img src="/images/index/time.png" alt="">全国1小时达</span>
                <span><img src="/images/index/free.png" alt="">低价折扣 </span>
                <span><img src="/images/index/save.png" alt=""><a href="">退赔服务</a></span>
            </div>
        </div>
    </div>
    <div class="header-nav">
        <div class="header-nav-c">
            <div class="dl-sub">
                <a href="javascript:;" class="first-a">&gt;&nbsp;&nbsp;鲜花导购</a>
                <div class="dl-sub-dd">
                    <div class="dl-first">
                        <h6>鲜花用途</h6>
                        <p>
                            <a href="javascript:;">爱情鲜花</a>
                            <a href="javascript:;">生日鲜花</a>
                            <a href="javascript:;">友情鲜花</a>
                            <a href="javascript:;">周年纪念</a>
                            <a href="javascript:;">婚庆鲜花</a>
                            <a href="javascript:;">祝贺鲜花</a>
                        </p>
                    </div>
                    <div>
                        <h6>鲜花花材</h6>
                        <p>
                            <a href="javascript:;">爱情鲜花</a>
                            <a href="javascript:;">生日鲜花</a>
                            <a href="javascript:;">友情鲜花</a>
                            <a href="javascript:;">周年纪念</a>
                            <a href="javascript:;">婚庆鲜花</a>
                            <a href="javascript:;">祝贺鲜花</a>
                        </p>
                    </div>
                    <div>
                        <h6>鲜花类别</h6>
                        <p>
                            <a href="javascript:;">爱情鲜花</a>
                            <a href="javascript:;">生日鲜花</a>
                            <a href="javascript:;">友情鲜花</a>
                            <a href="javascript:;">周年纪念</a>
                            <a href="javascript:;">婚庆鲜花</a>
                            <a href="javascript:;">祝贺鲜花</a>
                        </p>
                    </div>
                    <div class="dl-last">
                        <h6>价格筛选</h6>
                        <p>
                            <a href="javascript:;">150元以内</a>
                            <a href="javascript:;">150-199元</a>
                            <a href="javascript:;">200-249元</a>
                            <a href="javascript:;">250-399元</a>
                            <a href="javascript:;">400-499元</a>
                            <a href="javascript:;">500-599元</a>
                            <a href="javascript:;">600-699元</a>
                            <a href="javascript:;">700元以上</a>
                        </p>
                    </div>
                </div>
            </div>
            <ul class="header-nav-title">
                <li><a href="javascript:;">首页</a></li>
                <li><a href="./html/kind.html?id=鲜花">鲜花</a></li>
                <li><a href="./html/kind.html?id=永生花">永生花</a></li>
                <li><a href="./html/kind.html?id=礼品">礼品</a></li>
                <li><a href="javascript:;">每周一花</a></li>
                <li><a href="javascript:;">花语</a></li>
                <li><a href="javascript:;">企业团购</a></li>
            </ul>
        </div>
    </div>


    <div class="swiper-container swiper-no-swiping banner" id="swiper-1">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="/images/index/banner1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="/images/index/banner2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="/images/index/banner3.jpg" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
    </div>

    <div class="wrap">
        <div class="wrap-c">
            <div class="column">
                <div class="column-title">今日疯抢</div>
                <div class="column-subtitle">凡今日下单均赠送价值300元优惠券！</div>
            </div>
            <div class="column-flower" id="flowerList-1">
            </div>
            <script type="text/html" id="flowerListTemplate-1">
                {{each list item}}
                    <div>
                        {{if item.label}}
                        <div class="bq">
                            <span>{{item.label}}</span>
                        </div>
                        {{/if}}
                        <a href="/html/detail.html?id={{item.id}}"><img src="{{item.src}}" alt=""></a>
                        <div class="goods-info">
                            <p>{{item.title}}</p>
                            <p style="color: red;">￥{{item.price}} <span>{{item.sale}}</span></p>
                        </div>
                    </div>
                {{/each}}
            </script>
        </div>
    </div>
    <div class="wrap2">
        <div class="wrap2-c">
            <div class="wrap2-title">
                <span> <a href="">爱情鲜花</a>送让你怦然心动的人</span>
                <p>
                    <a href="">150元以内</a>
                    <a href="">150-199元</a>
                    <a href="">200-249元</a>
                    <a href="">250-399元</a>
                    <a href="">400-499元</a>
                    <a href="">500-599元</a>
                    <a href="">600-699元</a>
                    <a href="">700元以上</a>
                    <a href="">查看更多></a>
                </p>
            </div>
            <div class="baner-flower">
                <a href=""><img src="/images/index/loveflow.png" alt=""></a>
            </div>
            <div class="flower-nav">
                <ul id="flowerListRap2">
                    
                </ul>
                <script type="text/html" id="giftList2Template">
                    {{each list flower}}
                        <li>
                            <a href="javascript:;"><img src="{{flower.imgs}}" alt=""></a>
                            <p>{{flower.title}}</p>
                            <p>￥{{flower.price}}<span>原价￥{{flower.sale}}</span></p>
                            <p>已售{{flower.salenum}}</p>
                        </li>
                    {{/each}}
                </script>
            </div>
        </div>
    </div>
    <div class="to-top" id="to-top">
        <img src="/images/toTop.png" alt="">
    </div>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/index"></script>
</body>

</html>